<style>
<!--
.faqMainPanel h3 {
DISPLAY: block;
FONT-SIZE: 18px;
PADDING-BOTTOM: 4px;
COLOR: #FFFFFF;
BORDER-BOTTOM: #C9E0E8 1px solid;
border-bottom: 1px solid #C9E0E8;
}

.faqMainPanel ul {
PADDING-RIGHT: 0px;
PADDING-LEFT: 30px;
PADDING-BOTTOM: 20px;
PADDING-TOP: 20px;
}

.faqMainPanel ul li[type=circle] {
list-style-type: circle;
}
-->
</style>

<div id="page-title">
	<img
		src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/faq.png"
		width="50" height="50" class="left-align service-icn "
		alt="Frequently Asked Questions">
	<h1 class="page-heading">Frequently Asked Questions</h1>
</div>
<div id="breadcrumb" class="transparent">
	<p>
		<img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/home.png" class="home" alt="Slappit.com"> <a href="<{$APPLICATION_URL}>/Browse/index" title="Slappit.com Homepage">Home</a> / <a href="<{$APPLICATION_URL}>/Browse/MyAccount/index" title="Slappit.com User Panel">Website Admin Panel</a> / <a href="<{$APPLICATION_URL}>/Browse/Faq/index" title="Frequently Asked Questions">Frequently Asked Questions</a>
</div>
<div id="main-content">
	<article id="main-article">	
					<ul id="filtering-nav">
      					          					    		<li><a href="<{$APPLICATION_URL}>/Browse/MyAccount/index" title="Back To Main User Panel">Back To Main User Panel</a></li>
		<li><a href="<{$currentUser->getHomeUrl()}>" target="blank" title="View Website Homepage">View Website Homepage</a></li>
      				</ul>
					<{if $isDemoMode == true}>
					<p><h3 style="font-family:arial"><font color="red">THIS IS DEMO MODE. YOU CANNOT EDIT ANY INFORMATION HERE</font></h3><br/></p>
					<{/if}>
	<div class="faqMainPanel">
	<ul>
		<{foreach item=topCatEntity from=$catList}>
		<{assign var=parentId value =$topCatEntity->id}>
		<{assign var=subCatList value =$faqCategoryDataService->loadAllChildOfParent($parentId)}>
		<h3>
			 <a href="<{$APPLICATION_URL}>/Browse/Faq/list/catId/<{$topCatEntity->id}>" style="color:#FFFFFF;"><{$topCatEntity->name}></a>
		</h3>
		<ul>
			<{foreach item=subCatEntity from=$subCatList}>
			<li type="circle">
				<a href="<{$APPLICATION_URL}>/Browse/Faq/list/catId/<{$subCatEntity->id}>"><{$subCatEntity->name}></a>				
			</li>			
			<{/foreach}>
		</ul>
		<{/foreach}>
		<br>
	</ul>
</div>
	
	</article>
</div>

<div class="space transparent"><a href="#top" id="scroll-top"><img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/top.png" alt="Back to the top"></a></div>